<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>彩色之外 - typing text transition</title>
  <link href="https://fonts.googleapis.com/css?family=Rubik+Mono+One" rel="stylesheet">
  <link rel="stylesheet" href="./style.css">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>

<body>
  <!-- partial:index.partial.html -->
  <p id="offscreen-text" class="offscreen-text"></p>
  <p id="text" class="text"></p>

  <svg id="svg">
  </svg>

  <input type="text" class="input" id="input" />
  <!-- partial -->
  <script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/plugins/CSSPlugin.min.js'></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/easing/EasePack.min.js'></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenLite.min.js'></script>
  <script src="./script.js"></script>
  <!-- 3秒跳转首页 -->
  <script>
    setTimeout(function () {
      window.location.href = "./home.html";
    }, 3000);
    // 为了判断是否进入过该网站
    window.onload = function () {
      localStorage.setItem("first", JSON.stringify({ time: new Date().getTime(), text: '进入过该网站' }));
    }
  </script>

</body>

</html>